<template>
  <div class="rightBodyContent">
    <div class="rightBodyContent-in">
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane :label="item.name" :name="item.id" v-for="item in tabList" :key="item.id"></el-tab-pane>
      </el-tabs>
      <settingUser v-if="Number(activeName)==1"></settingUser>
      <settingOption v-if="Number(activeName)==2"></settingOption>
    </div>
  </div>
</template>

<script>
import settingOption from "./training/settingOption";
import settingUser from "./training/settingUser";

export default {
  components: {
    settingOption,
    settingUser
  },
  data() {
    return {
      tabList: [
        {
          name: '巡班人员',
          id: '1'
        },
        {
          name: '巡班事项',
          id: '2',
        }
      ],
      activeName: '1',
    }
  },
  watch: {},
  created() {
  },
  methods: {},
  mounted() {
  },
}
</script>
<style>
.lead-list {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fddeae;
  margin-bottom: 5px;
  border-radius: 2px;
  padding: 5px 0;
}

.lead-list:last-child {
  margin-bottom: 0;
}

.lead-list span {
  margin-right: 30px;
}
</style>

